---
title: Footers
description: Explore our collection of responsive footer components, designed with Tailwind CSS v4. These customizable website footers enhance user navigation, SEO, and brand presence while maintaining accessibility and performance standards.
category: marketing
emoji: ⚽️
slug: footers
terms:
  - layout
  - navigation
components:
  - { title: 'Large with newsletter form', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Simple stacked', dark: true }
  - { title: 'Simple row', dark: true }
  - { title: 'Call to action with gradient', dark: true }
  - { title: 'Split with company info, links and image', dark: true }
  - {
      title: 'Split with company info, links and call to action',
      dark: true,
      plugins: ['@tailwindcss/forms'],
    }
  - { title: 'Newsletter form as priority', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Centered with branding', dark: true }
  - { title: 'Slim with branding and link top', dark: true }
  - { title: 'Company info and links', dark: true }
  - { title: 'Inline with logo and copyright', dark: true }
  - { title: 'With call to action', dark: true }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Footer Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
